<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> 프로필(나중에 사진올리기에도 사용할 수 있을지도 모름) </title>
  <style type="text/css">
  	#blah{
  		height: 300px; width: 300px;
  		border: none;
  	}
  </style>
  <script src="../js/jquery-2.1.1.js"></script>
    <script>

        $(document).ready(function(){
            function readURL(input) {
                if (input.files && input.files[0]) {
                    var reader = new FileReader(); //파일을 읽기 위한 FileReader객체 생성
                    reader.onload = function (e) {
                    //파일 읽어들이기를 성공했을때 호출되는 이벤트 핸들러
                        $('#blah').attr('src', e.target.result);
                        //이미지 Tag의 SRC속성에 읽어들인 File내용을 지정
                        //(아래 코드에서 읽어들인 dataURL형식)
                    }                   
                 	  reader.readAsDataURL(input.files[0]);
                    //File내용을 읽어 dataURL형식의 문자열로 저장
                }
            }//readURL()--
   
            //file 양식으로 이미지를 선택(값이 변경) 되었을때 처리하는 코드
            $("#upload").change(function(){
                //alert(this.value); //선택한 이미지 경로 표시
                readURL(this);
            });
         });
  	
        function endsubmit() {
			window.opener.location.reload();
        	window.close();
		}
  </script>

</head>

<body>	
    <form id="form1" method="post" enctype="multipart/form-data" action="/mamma/sanghyun/updateProfile.action"  >
        <img id="blah" src="../photoData/${savedFile}" /><br/>
        <input type='file' id="upload" name="upload"/>
        <input type="submit" value="업로드" ><br/>
    </form>
    
     
</body>
</html>